<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
        不懂
        hashchange事件会在页面 URL 的散列变化时被触发
        history.pushState()方 法。这个方法接收 3 个参数:
            一个 state 对象、一个新状态的标题和一个(可选的)相对 URL  
     */
    let stateObject = {foo: "bar"};
    history.pushState(stateObject, "My title", "baz.html");
    
    window.addEventListener("popstate", (event) => {
        let state = event.state;
        if (state) { // 第一个页面加载时状态是null
            processState(state);
        }
    });
</script>
</body>
</html>